{% extends "base.html" %}

{% block page_title %}About demoQRacy{% endblock %}

{% block content %}

  <h3>About this Project</h3>
  <p class="open_text_block">
    demoQRacy is a sample project developed by Google's 
    <a href="http://code.google.com/team" target="_blank">Developer Relations</a> team. 
    In addition to its voting feature, it demonstrates how you can build
    amazing web apps using the robust stack of Google 
    <a href="http://code.google.com/more/" target="_blank">developer products.</a> In this
    project, we use the following technology to create a full fledged application:
    
    <h4>Google Tech</h4>
    <ul>
      <li><a href="http://code.google.com/appengine/" target="_blank">App Engine</a>
        <ul>
          <li><a href="http://code.google.com/appengine/docs/python/python27/" target="_blank">Python 2.7 Runtime</a></li>
          <li><a href="http://code.google.com/apis/accounts/" target="_blank">Account Authentication</a></li>
          <li><a href="http://code.google.com/appengine/docs/python/channel/overview.html" target="_blank">Channel API</a></li>
          <li><a href="http://code.google.com/appengine/docs/python/taskqueue/overview.html" target="_blank">Task Queues</a></li>
          <li><a href="http://code.google.com/appengine/docs/python/mail/overview.html" target="_blank">Mail Service</a></li>
        </ul>
      </li>
      <li><a href="http://code.google.com/apis/chart/" target="_blank">Charts API</a></li>
      <li><a href="http://code.google.com/projecthosting/" target="_blank">Project Hosting</a></li>
      <li><a href="http://code.google.com/apis/inapppayments/" target="_blank">In-app Payments</a></li>
      <li><a href="http://code.google.com/chrome/webstore/" target="_blank">Chrome Web Store</a></li>
      <li><a href="http://code.google.com/chrome/chromeframe/" target="_blank">Chrome Frame</a></li>
      <li><a href="http://google.com/adsense" target="_blank" target="_blank">AdSense</a></li>
      <li><a href="http://www.google.com/webfonts" target="_blank">WebFonts</a></li>
      <li><a href="http://www.google.com/+1/button/" target="_blank">&#43;1 Button</a></li>
      <li><a href="http://code.google.com/apis/analytics/" target="_blank">Google Analytics</a></li>
    </ul> 
    
    <h4>Third Party Tech</h4>
    <ul>
      <li><a href="http://www.html5rocks.com/en/" target="_blank">HTML5</a>
        <ul>
          <li><a href="http://www.html5rocks.com/en/tutorials/workers/basics/" target="_blank">Web Workers</a></li>
          <li><a href="http://www.html5rocks.com/en/tutorials/forms/html5forms/" target="_blank">Forms</a>
        </ul>
      </li>
      <li><a href="http://jquery.com/" target="_blank">jQuery</a></li>
      <li><a href="http://jqueryui.com/" target="_blank">jQuery UI</a></li>
      <li><a href="http://trentrichardson.com/examples/timepicker/" target="_blank">jQuery UI Timepicker</a></li>
      <li><a href="http://keith-wood.name/countdown.html" target="_blank">jQuery Countdown</a></li>
      <li><a href="http://jinja.pocoo.org/" target="_blank">Jinja Templates</a></li>
    </ul> 
    
  </p>

  <h3>About Our Name</h3>
  <p class="open_text_block">
    <img src="/static/images/qr_sample.png" class="intext" />
    A &quot;<a href="http://en.wikipedia.org/wiki/Qr_code" target="_blank">QR code</a>&quot;
    is a type of barcode that can contain any type of data: a phone number,
    a website URL, or even the text of 
    <a href="http://en.wikipedia.org/wiki/War_and_peace" target="_blank">War and Peace</a>
    (if the code were large enough).
    At demoQRacy, we use QR codes to make democracy a little more high tech!
  </p>
  
{% endblock content %}